<template>
    <div class="Queue">
        <!-- 队列 -->
        <div class="queueItem">
            <span class="itemDiv">排队人数：</span>
            <b>{{ queueObj.queueNum }}</b>
            <span class="itemDiv">示忙人数：</span>
            <b>{{ queueObj.busyNum }}</b>
            <span class="itemDiv">接线率：</span>
            <b v-if="queueObj.answerRate === 0">0</b>
            <b v-else>{{ queueObj.answerRate }}%</b>
        </div>
    </div>
</template>
<script>
import { mapGetters } from 'vuex';
import { getToken, removeToken, getTokenHsbankNo } from '@/utils/auth';
export default {
    name: 'Queue',
    data() {
        return {
            isShowData: false,
            queueNum: '',
            busyNum: '',
            answerRate: '',
        }
    },
    computed: {
        ...mapGetters([
            'queueObj',
        ])
    },
    mounted() {
    },
    methods: {
    },
}
</script>
<style scoped lang="scss">
.Queue {
    background-color: #fff;
    overflow: hidden;
    border-radius: 5px;
    .queueItem {
        text-align: left;
        margin: 3px 10px;
        .itemDiv {
            line-height: 34px;
            margin-left: 20px;
            font-size: 14px;
        }
        b {
            color: coral;
            margin-right: 20px;
        }
    }
}
</style>